﻿<!DOCTYPE html>
<html lang="zh">
<head>
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="CurrData.Type" content="text/html; charset=utf-8" />
    <meta charset="utf-8" />
    <title>Index </title>
    <link href="/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <meta name="viewport" content="width=device-width" />

    <link href="/js/kd/styles/kendo.common.min.css" rel="stylesheet" />
    <link href="/js/kd/styles/kendo.blueopal.min.css" rel="stylesheet" />
    <link href="/js/fa/css/font-awesome.min.css" rel="stylesheet" />
    <link href="/js/site.css?t=20221031" rel="stylesheet" />

    <script src="/js/kd/jquery.min.js"></script>
    <script src="/js/kd/kendo.web.min.js"></script>
    
    <script src="/js/kd/cultures/kendo.culture.zh-CN.min.js"></script>
    <script src="/js/kd/messages/kendo.messages.zh-CN.min.js"></script>
    <script src="/js/kd/jszip.min.js"></script>

    
    <script src="/js/kendo_stdefine.js"></script>
    <script src="/js/site50.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/xlsx/0.17.0/xlsx.full.min.js"></script>


</head>
<body>


    <style>
        #divMainTop {
            background-image: url(/img/ol-上.png);
            background-size: 100% 100%;
            font-size: 48px;
            font-weight: bold;
            text-align: center;
            line-height: 78px;
        }

        .k-splitbar-static-vertical {
            border: none;
        }



        .k-splitter .k-ghost-splitbar-horizontal, .k-splitter .k-splitbar-horizontal {
            width: 4px !important;
            border: none;
        }


        dl {
            margin: 0px;
        }

            dl dt {
                letter-spacing: 1px;
                font-family: microsoft-yahei;
                padding-left: 28px;
                cursor: default;
                font-size: 14px;
                background-color: #232323;
                height: 45px;
                line-height: 45px;
                cursor: pointer;
                color: #b1b1b1;
            }

        .unselect {
        }

        dl dt:hover {
            background-color: #383838;
        }

        .selected {
            font-weight: bold;
            color: #3aa6ff;
        }

        #divSplitter dl {
            margin: 0px;
        }
    </style>
    <div id="divMainSplitter" data-role="splitter"
         data-panes="[
            { collapsible: false, resizable: false,  size: '78px' },
            { collapsible: false, resizable: false }
         ]"
         data-orientation="vertical">
        <div id="divMainTop">
            自动采集系统
        </div>
        <div id="divMainCenter">
            <div id="divSplitter" data-role="splitter"
                 data-panes="[
   { collapsible: false, resizable: false,  size: '160px' },
   { collapsible: false, resizable: false }
]"
                 style="left:0px;top:0px;height:calc(100% - 5px);">
                <div id="left-pane" style="overflow: hidden; overflow-y: auto; background-color :#232323">

                    <dl id="dlleft">
                        <dt onclick="OpenMenu(this)" class="unselect"
                            url="/ProtocolDefine/index.html">
                            <i class="fa fa-address-book"></i>
                            Modbus协议
                        </dt>


                        <dt onclick="OpenMenu(this)" class="unselect"
                            url="/ProtocolSim/index.html">
                            <i class="fa fa-address-book"></i>
                            采集器
                        </dt>

                        <dt onclick="OpenMenu(this)" class="unselect"
                             url="/ProtocolSimHost/Data.html">
                            <i class="fa fa-address-book"></i>
                            设备数据
                        </dt>

                        <dt onclick="OpenMenu(this)" class="unselect"
                            url="/ProtocolSimLog/index.html">
                            <i class="fa fa-address-book"></i>
                            通讯数据
                        </dt>

                    </dl>


                </div>

                <div id="center" style="overflow: hidden;padding:0px; ">

                    <iframe id="iframecenter" style="width: calc(100% - 10px); height: calc(100% - 10px); 
          margin: 0; border: none; margin-left: 5px; margin-top: 5px; background-size: 100% 100%; "
                            
                            ></iframe>

                </div>
            </div>
        </div>

    </div>
     

    <script>
        var viewModel = new kendo.data.ObservableObject({
        });
        function Init() {
            kendo.bind($("#divMainSplitter"), viewModel);
            $("dl dt:first").click();
        }
        function OpenMenu(sender) {
            var jq = $(sender);
            $(".selected").removeClass("selected");
            jq.addClass("selected");
            var url = jq.attr("url");
            if (url.indexOf("?") > 0) {
                url = url + "&t=" + Math.random();
            } else {
                url = url + "?t=" + Math.random();
            }
            IFrameOpen(url);
        }
        function IFrameOpen(url) {
            $("#iframecenter").attr("src", url);
        }
    </script>





    <script>
        var SizeInfo;
        $(function () {

            kendo.culture("zh-CN");


            if (window.Init) {
                Init();
            }
        });
        function After50(d) {
            if (d) {
                setTimeout(function () { d(); }, 50);
            }
        }
    </script>
</body>
</html>
